<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>产品介绍</title>
    <!-- vue -->
    <script src="../common/js/vue2.js"></script>
    <!-- 引入通用css -->
    <link rel="stylesheet" href="../common/public.css" />
    <!-- 引入样式vant -->
    <link rel="stylesheet" href="../common/ui/vant-ui/ui.css" />
    <script src="../common/ui/vant-ui/ui.js"></script>
    <!-- 引入http-vue-loader -->
    <script src="../common/js/vueLoader.js"></script>
  </head>
  <body>
    <div id="app">
      <main-top></main-top>
      <div class="mainCenter">
        <div class="pd20 leftContent pore">
          <div class="ndis500"><van-icon name="arrow-left" size="20"/></div>
          <div class="mgt20 fwb fs24">产品介绍</div>
          <div class="fs14 c8 mgt8 mgb20">介绍公司主营业务及旗下产品,服务等信息,可有效提升求职者对品牌及公司的认知度<span class="prColor">&nbsp;求职者为什么想看>></span></div>
          <div class="pd10" v-for="i in msg">
            <div class="flex aic">
              <div class="mgr10"><van-icon :name="i.icon" size="50"/></div>
              <div>
                <div class="fwb">{{ i.name }}</div>
                <div class="c9 fs14">{{ i.tip }}</div>
              </div>
            </div>
          </div>
          <div class="footer flex column jcc">
            <div class="fs14 mgb10 c9">上传注意事项&nbsp;<van-icon name="question-o"/></div>
            <van-button class="bgcBtn" @click="topage">添加产品或服务</van-button>
          </div>
        </div> 
        <lan-adright></lan-adright>
      </div>
      <main-footer class="bd"></main-footer>
    </div>
  </body>
</html>
<style>
  body{
    background-color: #fff;
  }
  .bgcBtn{
    background-color: var(--primary-color);
    width: 90%;
    color: #fff;
    font-size: 16px;
    border-radius: 10px;
  }
</style>
<script>
  new Vue({
    el: "#app",
    data: {
      msg:[
        {name:'网站应用',tip:'APP,网站,游戏等产品介绍',icon:'vip-card-o'},
        {name:'实体产品',tip:'餐饮,零售,硬件,设备等产品介绍',icon:'video-o'},
        {name:'服务方案',tip:'技术服务,咨询服务,方案设计,工程承包业务介绍',icon:'medal-o'},
      ]
    },
    components: {
      "main-top": httpVueLoader("../common/commpent/main/workTop.vue"),
      "main-footer": httpVueLoader("../common/commpent/main/mainFooter.vue"),
      "lan-adright": httpVueLoader("../common/commpent/lan/adRight.vue"),
    },
    methods: {
      topage(){
        window.location.href = './addShop.html'
      }
    },
  });
</script>
